<style>
	.expenditure .list {
		background: rgba(249, 249, 249, 1);
		/* align-items: center; */
		margin-top: 12px;
		position: relative;
	}

	.expenditure .list .list-select {
		display: flex;
		line-height: 34px;
	}

	.expenditure .list:before {
		content: '';
		position: absolute;
		left: 0;
		top: 30%;
		height: 40%;
		width: 4px;
		background: rgba(86, 94, 153, 1);
	}

	.mtb_10 {
		margin: 10px 0;
	}
</style>
<section id="incomeSureConfig" class="ml-24 mr-24 mb-20">
	<div class="hl-list-title clearfix">
		<h4 class="pull-left">收入确认配置</h4>
	</div>

	<div class="font-14 mt-15 pt-15">费项：</div>

	<div class="expenditure">
		<div class="list pl-24 pr-24 dy-flex" v-for="(itemKey, index) in data">
			<div class="list-select mr-16" style="display: flex;align-items: center;">
				<span>费项：</span>
				<span class="ellipsis-1" style="width: 100px;"
					:title="itemKey.expenditureName">{{ itemKey.expenditureName }}</span>
			</div>

			<template>
				<div class="list-select mr-16 mtb-10" v-if="itemKey.expenditureType == 'O'">
					<span>计入收入确认：</span>
					<hl-select :data="isDefultArr" v-model="itemKey.amortizeFlagArr" width="70" type="primary"></hl-select>
				</div>
	
				<div class="mtb_10" v-if="itemKey.expenditureType != 'O'">
					<div class="list-select mr-16 mb-10">
						<span>收入确认是否分摊：</span>
						<hl-select :data="isDefultArr" v-model="itemKey.amortizeFlagArr"
							@on-change="itemKey.amortizeFlagArr + '' == 'N'? itemKey.receivedAmortizeFlagArr = ['N'] : ''" width="70"
							type="primary"></hl-select>
					</div>
					<div class="list-select mr-16 mb-10">
						<span>账单分摊是否分摊：</span>
						<hl-select :data="isDefultArr" v-model="itemKey.amountAmortizeFlag" width="70" type="primary"></hl-select>
					</div>
					<div class="list-select mr-16">
						<span>实收分摊是否分摊：</span>
						<hl-select :data="isDefultArr" v-model="itemKey.receivedAmortizeFlagArr" width="70" type="primary">
						</hl-select>
					</div>
				</div>
	
				<div class="mtb_10">
					<div class="list-select mr-16 mb-10" v-if="['P', 'R'].indexOf(itemKey.expenditureType) > -1">
						<span>收入确认分摊方式：</span>
						<hl-select :data="isAmortizationArr" v-model="itemKey.amortizationTypeArr" @on-change="emptyChildData(index)"
							width="140" type="primary"></hl-select>
					</div>
					<div class="list-select mr-16 mb-10" v-if="['P', 'R'].indexOf(itemKey.expenditureType) > -1">
						<span>账单分摊分摊方式：</span>
						<hl-select :data="isnewArr" v-model="itemKey.amountAmortizationType" @on-change="setChildData(index)"
							width="140" type="primary"></hl-select>
					</div>
					<div class="list-select mr-16" v-if="['P', 'R'].indexOf(itemKey.expenditureType) > -1">
						<span>实收分摊分摊方式：</span>
						<hl-select :data="receivedAmortizationTypes"  v-model="itemKey.receivedAmortizationTypeArr" width="140" type="primary">
						</hl-select>
					</div>
				</div>
				<div class="mtb_10">
					<div class="list-select mb-10">
						<span>免租期分摊方式：</span>
						<hl-select :data="freeDateArr" v-model="itemKey.freeDateAmortizeArr" width="140" type="primary"></hl-select>
					</div>
				</div>
			</template>

		</div>
	</div>
	<button class="btn s-btn-default mt-10" @click="submitSave">保存</button>
</section>
<script src="modules/system_config/scripts/incomeSureConfig.js" charset="utf-8"></script>